<!DOCTYPE html>  
{% load bootstrap_toolkit %}  
{% load url from future %}  
<html lang="en">  
    <head>  
        <meta charset="utf-8">  
        <title>定向网页分析系统</title>  
        <meta name="description" content="">  
        <meta name="author" content="dinosaur">  
        {% bootstrap_stylesheet_tag %}  
        {% bootstrap_stylesheet_tag "responsive" %}  
        <style type="text/css">  
            body {  
                padding-top: 60px;  
            }  
        </style>  
        <!--[if lt IE 9]>  
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>  
        <![endif]-->  
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>  
        {% bootstrap_javascript_tag %}  
        {% block extra_head %}{% endblock %}  
    </head>  
      
    <body>  
      
        {% if password_is_wrong %}  
            <div class="alert alert-error">  
                <button type="button" class="close" data-dismiss="alert">×</button>  
                <h4>错误!</h4>用户名或密码错误  
            </div>  
        {% endif %}      
        <div class="well">  
            <h1>定向网页分析系统</h1>  
            <p> </p>  
            <form class="form-horizontal" action="" method="post">  
                {% csrf_token %}  
                {{ form|as_bootstrap:"horizontal" }}  
                <p class="form-actions">  
                    <input type="submit" value="登录" class="btn btn-primary">  
                    <a href="/contactme/"><input type="button" value="忘记密码" class="btn btn-primary"></a>  
                    <a href="/accounts/register/"><input type="button" value="新用户？" class="btn btn-primary"></a>  
                </p>  
            </form>  
        </div>  
      
    </body>  
</html>  
